<template>
  <div style="padding: 10px">
    <el-button type="primary" @click="dialogVisible = true">开启</el-button>
    <a-dialog
      v-model="dialogVisible"
      v-model:fullscreen="fullscreen"
      fullscreenBtn
      @handleClose="handleClose"
      :type="'custom'"
      :modalTitle="'tips'"
    >
      <span>This is a message</span>
      <span>这是主要内容</span>
      <template #footer>
        <el-button type="" @click="dialogVisible = false">取消</el-button>
        <el-button type="primary">确定</el-button>
      </template>
    </a-dialog>
  </div>
</template>

<script lang="ts" setup>
import aDialog from "@/components/aDialog";
const dialogVisible = ref(false);
const fullscreen = ref(false)
function handleClose(done) {
  dialogVisible.value = done;
}

</script>

<style>
</style>